<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <base href="http://124.222.56.141">
    <title>商品详情页</title>
    <link rel="stylesheet" type="text/css" href="/static/item/scss/shop.css"/>
    <link rel="stylesheet" type="text/css" href="/static/item/scss/main.css"/>
    <link rel="stylesheet" href="/static/item/scss/header.css"/>
    <link rel="stylesheet" type="text/css" href="/static/item/bootstrap/css/bootstrap.css"/>
</head>
<body>
<div id="max">
    <header>
        <div class="min">
            <ul class="header_ul_left">
                <li class="glyphicon glyphicon-home"><a href="shouye.html" class="aa">首页</a></li>
                <li class="glyphicon glyphicon-map-marker"><a href="javascript:;">北京</a>
                    <ol id="beijing">
                        <li style="background: red;"><a href="javascript:;" style="color: white;">北京</a></li>
                        <li><a href="javascript:;">上海</a></li>
                        <li><a href="javascript:;">天津</a></li>
                        <li><a href="javascript:;">重庆</a></li>
                        <li><a href="javascript:;">河北</a></li>
                        <li><a href="javascript:;">山西</a></li>
                        <li><a href="javascript:;">河南</a></li>
                        <li><a href="javascript:;">辽宁</a></li>
                        <li><a href="javascript:;">吉林</a></li>
                        <li><a href="javascript:;">黑龙江</a></li>
                        <li><a href="javascript:;">内蒙古</a></li>
                        <li><a href="javascript:;">江苏</a></li>
                        <li><a href="javascript:;">山东</a></li>
                        <li><a href="javascript:;">安徽</a></li>
                        <li><a href="javascript:;">浙江</a></li>
                        <li><a href="javascript:;">福建</a></li>
                        <li><a href="javascript:;">湖北</a></li>
                        <li><a href="javascript:;">湖南</a></li>
                        <li><a href="javascript:;">广东</a></li>
                        <li><a href="javascript:;">广西</a></li>
                        <li><a href="javascript:;">江西</a></li>
                        <li><a href="javascript:;">四川</a></li>
                        <li><a href="javascript:;">海南</a></li>
                        <li><a href="javascript:;">贵州</a></li>
                        <li><a href="javascript:;">云南</a></li>
                        <li><a href="javascript:;">西藏</a></li>
                        <li><a href="javascript:;">陕西</a></li>
                        <li><a href="javascript:;">甘肃</a></li>
                        <li><a href="javascript:;">青海</a></li>
                        <li><a href="javascript:;">宁夏</a></li>
                        <li><a href="javascript:;">新疆</a></li>
                        <li><a href="javascript:;">港澳</a></li>
                        <li><a href="javascript:;">台湾</a></li>
                        <li><a href="javascript:;">钓鱼岛</a></li>
                        <li><a href="javascript:;">海外</a></li>
                    </ol>
                </li>
            </ul>
            <ul class="header_ul_right">
                <li style="border: 0;">
                    <a th:if="${session.loginUser != null}">你好, [[${session.loginUser.nickname}]]</a>
                    <a th:if="${session.loginUser == null}" href="http://auth.mall.com/api/auth/login.html">你好，请登录</a>
                </li>
                <li><a href="../注册页面\index.html" style="color: red;">免费注册</a> |</li>
                <li><a href="javascript:;" class="aa">我的订单</a> |</li>
            </ul>
        </div>
    </header>
    <nav>
        <div class="nav_min">
            <div class="nav_top">
                <div class="nav_top_one">
                    <a href="#"><img src="/static/item/img/logo1.jpg"/></a>
                </div>
                <div class="nav_top_two">
                    <input type="text"/>
                    <button>搜索</button>
                </div>
                <div class="nav_top_three">
                    <a href="../JD_Shop/One_JDshop.html">我的购物车</a>
                    <span class="glyphicon glyphicon-shopping-cart"></span>
                    <div class="nav_top_three_1">
                        <img src="/static/item/img/44.png"/>购物车还没有商品，赶紧选购吧！
                    </div>
                </div>
            </div>
            <div class="nav_down">
                <ul class="nav_down_ul">
                    <li class="nav_down_ul_1" style="width: 24%;float: left;"><a href="javascript:;">全部商品分类</a></li>
                </ul>
            </div>
        </div>
    </nav>
</div>
<div class="crumb-wrap">
    <div class="w"></div>
</div>
<div class="Shop">
    <div class="box">
        <div class="box-one ">
            <div class="boxx">
                <div class="imgbox">
                    <div class="probox">
                        <img class="img1" alt="" th:src="${item.info.skuDefaultImg}"/>
                        <div class="hoverbox"></div>
                    </div>
                    <div class="showbox">
                        <img class="img1" alt="" th:src="${item.info.skuDefaultImg}"/>
                    </div>
                </div>
                <div class="box-lh">
                    <div class="box-lh-one">
                        <ul>
                            <li th:each="img : ${item.images}" th:if="${!#strings.isEmpty(img.imgUrl)}"><img
                                    th:src="${img.imgUrl}"/></li>
                        </ul>
                    </div>
                    <div id="left">
                        &lt;
                    </div>
                    <div id="right">
                        &gt;
                    </div>
                </div>
                <div class="boxx-one">
                    <ul>
                        <li><span><img src="/static/item/img/b769782fe4ecca40913ad375a71cb92d.png"
                                       alt=""/>关注</span> <span><img
                                src="/static/item/img/9224fcea62bfff479a6712ba3a6b47cc.png"
                                alt=""/>对比</span></li>
                    </ul>
                </div>
            </div>
            <div class="box-two">
                <div class="box-name" th:text="${item.info.skuTitle}">
                    华为 HUAWEI Mate 10 6GB+128GB 亮黑色 移动联通电信4G手机 双卡双待
                </div>
                <div class="box-yuyue">
                    <div class="yuyue-one">
                        <img src="/static/item/img/7270ffc3baecdd448958f9f5e69cf60f.png" alt=""/>
                        预约抢购
                    </div>
                    <div class="yuyue-two">
                        <ul>
                            <li><img src="/static/item/img/f64963b63d6e5849977ddd6afddc1db5.png"/>
                                <span class="test1">190103</span> 人预约
                            </li>
                            <li><img src="/static/item/img/36860afb69afa241beeb33ae86678093.png"/>
                                预约剩余 <span id="timer"></span></li>
                        </ul>
                    </div>
                </div>
                <div class="box-summary clear">
                    <ul>
                        <li>京东价</li>
                        <li>
                            <span>￥</span>
                            <span th:text="${#numbers.formatDecimal(item.info.price,3,2)}">4499.00</span>
                        </li>
                        <li style="color: red" th:if="${item.seckillSkuDTO != null}">
                            <span th:if="${#dates.createNow().getTime() < item.seckillSkuDTO.startTime}">
                                商品将会在[[${#dates.format(new java.util.Date(item.seckillSkuDTO.startTime),"yyyy-MM-dd HH:mm:ss")}]]进行秒杀
                            </span>
                            <span th:if="${#dates.createNow().getTime() >= item.seckillSkuDTO.startTime && #dates.createNow().getTime() <= item.seckillSkuDTO.endTime}">
                                秒杀价  [[${#numbers.formatDecimal(item.seckillSkuDTO.seckillPrice,1,2)}]]
                            </span>
                        </li>
                        <li>
                            <a href="/static/item/">
                                预约说明
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-wrap clear">
                    <div class="box-wrap-one clear">
                        <ul>
                            <li>增值业务</li>
                            <li><img src="/static/item/img/90a6fa41d0d46b4fb0ff6907ca17c478.png"/>
                            </li>
                            <li><img src="/static/item/img/2e19336b961586468ef36dc9f7199d4f.png"/>
                            </li>
                            <li><img src="/static/item/img/1f80c3d6fabfd3418e54b005312c00b5.png"/>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="box-stock">
                    <ul class="box-ul">
                        <li>配送至</li>
                        <li class="box-stock-li">
                            <div class="box-stock-one">
                                北京朝阳区管庄
                                <img src="/static/item/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt="" class="img"/>
                            </div>
                            <div class="box-stock-two">
                                <dl>
                                    <dt>
                                        <a>选择新地址</a>
                                        <img src="/static/item/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt=""
                                             class="box-stock-two-img"/>
                                    </dt>
                                    <dd>
                                        <div class="box-stock-dd">
                                            <div class="box-stock-top">
                                                <div class="box-stock-div">
                                                    北京
                                                </div>
                                                <div class="box-stock-div">
                                                    朝阳区
                                                </div>
                                                <div class="box-stock-div">
                                                    管庄
                                                </div>
                                            </div>
                                            <div class="box-stock-fot">
                                                <div class="box-stock-con" style="display: block;">
                                                    <ul>
                                                        <li>北京</li>
                                                        <li>上海</li>
                                                        <li>天津</li>
                                                        <li>重庆</li>
                                                        <li>深圳</li>
                                                    </ul>
                                                </div>
                                                <div class="box-stock-con">
                                                    <ul>
                                                        <li>朝阳区</li>
                                                        <li>海淀区</li>
                                                        <li>东城区</li>
                                                        <li>西城区</li>
                                                    </ul>
                                                </div>
                                                <div class="box-stock-con">
                                                    <ul>
                                                        <li>4环到5环之内</li>
                                                        <li>管庄</li>
                                                        <li>北苑</li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                        <li><span th:text="${item.hasStock?'有货':'无货,此商品暂时售完'}">无货</span></li>
                    </ul>
                </div>
                <div class="box-attr-3">
                    <div class="box-attr clear" th:each="attr : ${item.saleAttr}">
                        <dl>
                            <dt>
                                选择[[${attr.attrName}]]
                            </dt>
                            <dd th:each="vals : ${attr.attrValues}">
                                <a class="sku_attr_value"
                                   th:attr="skus=${vals.skuIds},class=${#lists.contains(#strings.listSplit(vals.skuIds,','), item.info.skuId.toString())?'sku_attr_value checked':'sku_attr_value'}">
                                    [[${vals.attrValue}]] </a>
                            </dd>
                        </dl>
                    </div>
                </div>
                <div class="box-btns clear">
                    <div class="box-btns-one">
                        <input type="text" name="" id="productNum" value="1"/>
                        <div class="box-btns-one1">
                            <div>
                                <button id="jia">+</button>
                            </div>
                            <div>
                                <button id="jian">-</button>
                            </div>
                        </div>
                    </div>
                    <div class="box-btns-two" th:if="${item.seckillSkuDTO == null}">
                        <a class="addToCart" href="#" th:attr="skuId=${item.info.skuId}">
                            加入购物车
                        </a>
                    </div>
                    <div class="box-btns-two"
                         th:if="${item.seckillSkuDTO != null && (#dates.createNow().getTime() >= item.seckillSkuDTO.startTime && #dates.createNow().getTime() <= item.seckillSkuDTO.endTime)}">
                        <a class="seckill" href="#"
                           th:attr="skuId=${item.info.skuId},sessionId=${item.seckillSkuDTO.promotionSessionId},code=${item.seckillSkuDTO.randomCode}">
                            立即抢购
                        </a>
                    </div>
                    <div class="box-btns-three">
                        <img src="/static/item/img/e4ed3606843f664591ff1f68f7fda12d.png" alt=""/>
                        分享
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="ShopXiangqing">
        <div class="allLeft">
            <!--火热预约-->
            <div class="huoreyuyue">
                <h3>火热预约</h3>
            </div>
            <div class="dangeshopxingqing">
                <ul class="shopdange">
                    <li><a href="##"><img src="/static/item/img/5a0afeddNb34732af.jpg"/></a>
                        <p><a href="##">OPPO R11s Plus 双卡双待全面屏拍照手机香槟色 全网通(6G RAM+64G ROM)标配</a></p>
                        <p><strong class="J-p-20015341974">￥3699.00</strong></p></li>
                    <li><a href="##"><img src="/static/item/img/5a12873eN41754123.jpg"/></a>
                        <p><a target="_blank" title="詹姆士（GEMRY） R19plus全网通4G 智能手机 双卡双待 6+128GB 鳄鱼纹雅致版（新品预约）"
                              href="/item.html.bak/item.jd.com/20348283521.html">詹姆士（GEMRY） R19plus全网通4G 智能手机 双卡双待
                            6+128GB 鳄鱼纹雅致版（新品预约） </a></p>
                        <p><strong class="J-p-20348283521">￥13999.00</strong></p></li>
                    <li><a href="##"><img src="/static/item/img/59ec0131Nf239df75.jpg"/></a>
                        <p><a target="_blank" title="斐纳（TOMEFON） 德国家用无线无绳手持立式充电吸尘器 静音大吸力吸尘器TF-X60"
                              href="/item.html.bak/item.jd.com/16683419775.html">斐纳（TOMEFON） 德国家用无线无绳手持立式充电吸尘器
                            静音大吸力吸尘器TF-X60 </a></p>
                        <p><strong class="J-p-16683419775">￥1599.00</strong></p></li>
                    <li><a href="##"><img src="/static/item/img/59015444N27317512.jpg"/></a>
                        <p><a target="_blank" title="斐纳（TOMEFON） 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金"
                              href="/item.html.bak/item.jd.com/12187770381.html">斐纳（TOMEFON）
                            扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金</a></p>
                        <p><strong class="J-p-12187770381">￥2599.00</strong></p></li>
                </ul>
            </div>
            <!--看了又看-->
            <div class="huoreyuyue">
                <h3>看了又看</h3>
            </div>
            <div class="dangeshopxingqing">
                <ul class="shopdange">
                    <li><a href="##"><img src="/static/item/img/59e55e01N369f98f2.jpg"/></a>
                        <p><a target="_blank" title="华为（HUAWEI） 华为 Mate10 4G手机  双卡双待 亮黑色 全网通(6GB RAM+128GB ROM)"
                              href="/item.html.bak/item.jd.com/17931625443.html">华为（HUAWEI） 华为 Mate10 4G手机 双卡双待 亮黑色
                            全网通(6GB RAM+128GB ROM) </a></p>
                        <p><strong class="J-p-17931625443">￥4766.00</strong></p></li>
                    <li><a href="##"><img src="/static/item/img/584fcc3eNdb0ab94c.jpg"/></a>
                        <p><a target="_blank" title="华为 Mate 9 Pro 6GB+128GB版 琥珀金 移动联通电信4G手机 双卡双待"
                              href="/item.html.bak/item.jd.com/3749093.html">华为 Mate 9 Pro 6GB+128GB版 琥珀金 移动联通电信4G手机
                            双卡双待 </a></p>
                        <p><strong class="J-p-3749093">￥4899.00</strong></p></li>
                    <li>
                        <!--shopjieshao--> <a href="##"><img
                            src="/static/item/img/59eb0df9Nd66d7585.jpg"/></a>
                        <p><a target="_blank" title="华为（HUAWEI） 华为 Mate10 手机 亮黑色 全网通(4+64G)标准版"
                              href="/item.html.bak/item.jd.com/12306211773.html">华为（HUAWEI） 华为 Mate10 手机 亮黑色
                            全网通(4+64G)标准版 </a></p>
                        <p><strong class="J-p-12306211773">￥4088.00</strong></p></li>
                    <li><a href="##"><img src="/static/item/img/5a002ba3N126c2f73.jpg"/></a>
                        <p><a target="_blank" title="斐纳（TOMEFON） 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金"
                              href="/item.html.bak/item.jd.com/12187770381.html">斐纳（TOMEFON）
                            扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金</a></p>
                        <p><strong class="J-p-12187770381">￥2599.00</strong></p></li>
                </ul>
                <img src="/static/item/img/5a084a1aNa1aa0a71.jpg"/>
            </div>
        </div>
        <!--商品介绍-->
        <div class="allquanbushop">
            <ul class="shopjieshao">
                <li class="jieshoa" style="background: #e4393c;"><a href="##" style="color: white;">商品介绍</a></li>
                <li class="baozhuang"><a href="##">规格与包装</a></li>
                <li class="baozhang"><a href="##">售后保障</a></li>
                <li class="pingjia"><a href="##">商品评价(4万+)</a></li>
                <li class="shuoming"><a href="##">预约说明</a></li>
            </ul>
            <button class="Lijiyuyuessss">立即预约</button>
            <ul class="shopjieshaos posi" style="display: none;">
                <li class="jieshoa" style="background: #e4393c;"><a href="#li1" style="color: white;">商品介绍</a></li>
                <li class="baozhuang"><a href="#li2">规格与包装</a></li>
                <li class="baozhang"><a href="#li3">售后保障</a></li>
                <li class="pingjia"><a href="#li4">商品评价(4万+)</a></li>
                <li class="shuoming"><a href="#li5">预约说明</a></li>
            </ul>
            <!--商品详情-->
            <div class="huawei">
                <ul class="xuanxiangka">
                    <li class="jieshoa actives" id="li1">
                        <div class="shanpinsssss">
                            <img class="xiaoguo" th:each="descp : ${#strings.listSplit(item.desc.decript,',')}"
                                 th:src="${descp}"/>
                            <div class="guiGebox guiGebox1">
                                <div class="guiGe" th:each="guige : ${item.groupAttrs}">
                                    <h3 th:text="${guige.groupName}">主体</h3>
                                    <dl>
                                        <dt>
                                            品牌
                                        </dt>
                                        <dd>
                                            华为(HUAWEI)
                                        </dd>
                                        <dt>
                                            型号
                                        </dt>
                                        <dd class="Ptable-tips">
                                            <a href="/"><i>？</i></a>
                                        </dd>
                                        <dd>
                                            ALP-AL00
                                        </dd>
                                        <dt>
                                            入网型号
                                        </dt>
                                        <dd class="Ptable-tips">
                                            <a href="/"><i>？</i></a>
                                        </dd>
                                        <dd>
                                            ALP-AL00
                                        </dd>
                                        <dt>
                                            上市年份
                                        </dt>
                                        <dd>
                                            2017年
                                        </dd>
                                        <dt>
                                            上市时间
                                        </dt>
                                        <dd>
                                            10月
                                        </dd>
                                    </dl>
                                </div>
                                <div class="package-list">
                                    <h3>包装清单</h3>
                                    <p>手机（含内置电池） X 1、5A大电流华为SuperCharge充电器X 1、5A USB数据线 X 1、半入耳式线控耳机 X 1、快速指南X 1、三包凭证 X
                                        1、取卡针 X 1、保护壳 X 1</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <!--包装-->
                    <li class="baozhuang actives" id="li2">
                        <div class="guiGebox">
                            <div class="guiGe" th:each="group : ${item.groupAttrs}">
                                <h3 th:text="${group.groupName}">主体</h3>
                                <dl>
                                    <div th:each="attr : ${group.attrs}">
                                        <dt th:text="${attr.attrName}">
                                            品牌
                                        </dt>
                                        <dd th:text="${attr.attrValue}">
                                            华为(HUAWEI)
                                        </dd>
                                    </div>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>基本信息</h3>
                                <dl>
                                    <dt>
                                        机身颜色
                                    </dt>
                                    <dd>
                                        亮黑色
                                    </dd>
                                    <dt>
                                        机身长度（mm）
                                    </dt>
                                    <dd>
                                        150.5
                                    </dd>
                                    <dt>
                                        机身宽度（mm）
                                    </dt>
                                    <dd>
                                        77.8
                                    </dd>
                                    <dt>
                                        机身厚度（mm）
                                    </dt>
                                    <dd>
                                        8.2
                                    </dd>
                                    <dt>
                                        机身重量（g）
                                    </dt>
                                    <dd>
                                        约186g（含电池）
                                    </dd>
                                    <dt>
                                        输入方式
                                    </dt>
                                    <dd>
                                        触控
                                    </dd>
                                    <dt>
                                        运营商标志与内容
                                    </dt>
                                    <dd class="Ptable-tips">
                                        <a href="/"><i>？</i></a>
                                    </dd>
                                    <dd>
                                        无
                                    </dd>
                                    <dt>
                                        机身材质分类
                                    </dt>
                                    <dd>
                                        金属边框；玻璃后盖
                                    </dd>
                                    <dt>
                                        机身材质工艺
                                    </dt>
                                    <dd>
                                        四曲面玻璃后壳
                                    </dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>操作系统</h3>
                                <dl>
                                    <dt>
                                        操作系统
                                    </dt>
                                    <dd>
                                        Android
                                    </dd>
                                    <dt>
                                        操作系统版本
                                    </dt>
                                    <dd>
                                        华为 EMUI 8.0
                                    </dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>主芯片</h3>
                                <dl>
                                    <dt>
                                        CPU品牌
                                    </dt>
                                    <dd>
                                        海思（Hisilicon）
                                    </dd>
                                    <dt>
                                        CPU频率
                                    </dt>
                                    <dd>
                                        4*Cortex A73 2.36GHz + 4*Cortex A53 1.8GHz
                                    </dd>
                                    <dt>
                                        CPU核数
                                    </dt>
                                    <dd>
                                        八核
                                    </dd>
                                    <dt>
                                        CPU型号
                                    </dt>
                                    <dd>
                                        麒麟970
                                    </dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>网络支持</h3>
                                <dl>
                                    <dt>
                                        双卡机类型
                                    </dt>
                                    <dd>
                                        双卡双待单通
                                    </dd>
                                    <dt>
                                        最大支持SIM卡数量
                                    </dt>
                                    <dd>
                                        2个
                                    </dd>
                                    <dt>
                                        SIM卡类型
                                    </dt>
                                    <dd class="Ptable-tips">
                                        <a href="/"><i>？</i></a>
                                    </dd>
                                    <dd>
                                        Nano SIM
                                    </dd>
                                    <dt>
                                        4G网络
                                    </dt>
                                    <dd class="Ptable-tips">
                                        <a href="/"><i>？</i></a>
                                    </dd>
                                    <dd>
                                        4G：移动（TD-LTE）；4G：联通（FDD-LTE）；4G：电信（FDD-LTE）；4G：联通（TD-LTE）
                                    </dd>
                                    <dt>
                                        3G/2G网络
                                    </dt>
                                    <dd>
                                        3G：移动（TD-LTE）；4G：联通（WCDMA）；3G：电信（CDMA2000）；2G：移动联通（GSM）+ 电信（CDMA）
                                    </dd>
                                    <dt>
                                        副SIM卡类型
                                    </dt>
                                    <dd class="Ptable-tips">
                                        <a href="/"><i>？</i></a>
                                    </dd>
                                    <dd>
                                        副SIM卡与存储卡二选一
                                    </dd>
                                    <dt>
                                        副SIM卡4G网络
                                    </dt>
                                    <dd class="Ptable-tips">
                                        <a href="/"><i>？</i></a>
                                    </dd>
                                    <dd>
                                        4G：移动（TD-LTE）；4G：联通（FDD-LTE）；4G：电信（FDD-LTE）；4G：联通（TD-LTE）
                                    </dd>
                                    <dt>
                                        副SIM卡3G/2G网络
                                    </dt>
                                    <dd>
                                        不支持主副卡同时使用电信卡；3G联通（WCDMA）；3G：电信（CDMA2000）；2G：移动联通（GSM）+电信（CDMA）
                                    </dd>
                                    <dt>
                                        网络频率（2G/3G）
                                    </dt>
                                    <dd>
                                        2G：GSM 850/900/1800/1900；2G：CDMA 800；3G：TD-SCDMA 1900/2000；3G：WCDMA
                                        850/900/1900/2100；3G
                                    </dd>
                                    <dd>
                                        CDMA2000；3G：CDMA 800MHz 1X&amp;EVDO ；3G：WCDMA：850/900/1700/1900/2100MHz
                                    </dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>存储</h3>
                                <dl>
                                    <dt>
                                        ROM
                                    </dt>
                                    <dd class="Ptable-tips">
                                        <a href="/"><i>？</i></a>
                                    </dd>
                                    <dd>
                                        128GB
                                    </dd>
                                    <dt>
                                        RAM
                                    </dt>
                                    <dd class="Ptable-tips">
                                        <a href="/"><i>？</i></a>
                                    </dd>
                                    <dd>
                                        6GB
                                    </dd>
                                    <dt>
                                        存储卡
                                    </dt>
                                    <dd>
                                        支持MicroSD（TF）
                                    </dd>
                                    <dt>
                                        最大存储扩展容量
                                    </dt>
                                    <dd>
                                        256GB
                                    </dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>屏幕</h3>
                                <dl>
                                    <dt>
                                        主屏幕尺寸（英寸）
                                    </dt>
                                    <dd>
                                        5.9英寸
                                    </dd>
                                    <dt>
                                        分辨率
                                    </dt>
                                    <dd>
                                        2560X1400（Quad HD/2k）
                                    </dd>
                                    <dt>
                                        屏幕材质类型
                                    </dt>
                                    <dd>
                                        TFT
                                    </dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>前置摄像头</h3>
                                <dl>
                                    <dt>
                                        前置摄像头
                                    </dt>
                                    <dd>
                                        800万像素
                                    </dd>
                                    <dt>
                                        前摄光圈大小
                                    </dt>
                                    <dd>
                                        f/2.0
                                    </dd>
                                    <dt>
                                        美颜技术
                                    </dt>
                                    <dd>
                                        支持
                                    </dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>后置摄像头</h3>
                                <dl>
                                    <dt>
                                        摄像头数量
                                    </dt>
                                    <dd class="Ptable-tips">
                                        <a href="/"><i>？</i></a>
                                    </dd>
                                    <dd>
                                        2个
                                    </dd>
                                    <dt>
                                        后置摄像头
                                    </dt>
                                    <dd>
                                        1200万像素；2000万像素
                                    </dd>
                                    <dt>
                                        摄像头光圈大小
                                    </dt>
                                    <dd>
                                        其他
                                    </dd>
                                    <dt>
                                        闪光灯
                                    </dt>
                                    <dd>
                                        双色温双LED闪光灯
                                    </dd>
                                    <dt>
                                        美颜技术
                                    </dt>
                                    <dd>
                                        支持
                                    </dd>
                                    <dt>
                                        副摄像头光圈大小
                                    </dt>
                                    <dd>
                                        其他
                                    </dd>
                                    <dt>
                                        照片最大分辨率
                                    </dt>
                                    <dd>
                                        5120X3840
                                    </dd>
                                    <dt>
                                        拍照特点
                                    </dt>
                                    <dd>
                                        数码变焦；自动对焦；防抖；美颜；连拍；微距；全景；滤镜；场景模式；HDR；PDAF；夜间拍摄；微信小视频；有声照片；
                                    </dd>
                                    <dd>
                                        水印；美肤录像；全像素双核激光对焦拍摄
                                    </dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>电池信息</h3>
                                <dl>
                                    <dt>
                                        电池容量（mAh）
                                    </dt>
                                    <dd>
                                        4000（典型值）
                                    </dd>
                                    <dt>
                                        电池类型
                                    </dt>
                                    <dd>
                                        锂聚合物电池
                                    </dd>
                                    <dt>
                                        电池是否可拆卸
                                    </dt>
                                    <dd class="Ptable-tips">
                                        <a href="/"><i>？</i></a>
                                    </dd>
                                    <dd>
                                        否
                                    </dd>
                                    <dt>
                                        充电器
                                    </dt>
                                    <dd>
                                        5V/4.5A
                                    </dd>
                                    <dt>
                                        快速充电
                                    </dt>
                                    <dd>
                                        华为超级快充
                                    </dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>娱乐功能</h3>
                                <dl>
                                    <dt>
                                        mic数量
                                    </dt>
                                    <dd>
                                        3个
                                    </dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>数据接口</h3>
                                <dl>
                                    <dt>
                                        数据传输接口
                                    </dt>
                                    <dd>
                                        红外；WIFI；NFC；蓝牙；WiFi热点
                                    </dd>
                                    <dt>
                                        NFC/NFC模式
                                    </dt>
                                    <dd>
                                        支持（点对点模式）；支持（读卡器模式）；支持卡模拟
                                    </dd>
                                    <dt>
                                        耳机接口类型
                                    </dt>
                                    <dd>
                                        3.5mm
                                    </dd>
                                    <dt>
                                        充电接口类型
                                    </dt>
                                    <dd>
                                        Type-C
                                    </dd>
                                    <dt>
                                        数据线
                                    </dt>
                                    <dd>
                                        其他
                                    </dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>手机特性</h3>
                                <dl>
                                    <dt>
                                        指纹识别
                                    </dt>
                                    <dd>
                                        支持
                                    </dd>
                                    <dt>
                                        语音识别
                                    </dt>
                                    <dd>
                                        支持
                                    </dd>
                                    <dt>
                                        GPS
                                    </dt>
                                    <dd>
                                        支持
                                    </dd>
                                    <dt>
                                        电子罗盘
                                    </dt>
                                    <dd>
                                        支持
                                    </dd>
                                    <dt>
                                        霍尔感应器
                                    </dt>
                                    <dd>
                                        支持
                                    </dd>
                                    <dt>
                                        陀螺仪
                                    </dt>
                                    <dd>
                                        支持
                                    </dd>
                                    <dt>
                                        红外遥控
                                    </dt>
                                    <dd>
                                        支持
                                    </dd>
                                    <dt>
                                        适配VR
                                    </dt>
                                    <dd>
                                        支持
                                    </dd>
                                    <dt>
                                        其他
                                    </dt>
                                    <dd>
                                        呼气灯；多麦降噪技术；光线感应
                                    </dd>
                                </dl>
                            </div>
                            <div class="guiGe">
                                <h3>辅助功能</h3>
                                <dl>
                                    <dt>
                                        常用功能
                                    </dt>
                                    <dd>
                                        录音；手势识别；便签；超大字体；SOS功能；重礼感应
                                    </dd>
                                    <dt>
                                        其他1
                                    </dt>
                                    <dd>
                                        智能识屏
                                    </dd>
                                    <dt>
                                        其他特性
                                    </dt>
                                    <dd>
                                        手套模式
                                    </dd>
                                    <dt>
                                        其他2
                                    </dt>
                                    <dd>
                                        单手操作
                                    </dd>
                                </dl>
                            </div>
                            <div class="package-list">
                                <h3>包装清单</h3>
                                <p>手机（含内置电池） X 1、5A大电流华为SuperCharge充电器X 1、5A USB数据线 X 1、半入耳式线控耳机 X 1、快速指南X 1、三包凭证 X
                                    1、取卡针 X 1、保护壳 X 1</p>
                            </div>
                        </div>
                    </li>
                    <!--保障-->
                    <li class="baozhang actives" id="li3">
                        <div class="oBox">
                            <div class="shuoHou">
                                <div class="baoZhang">
                                    <h2>售后保障</h2>
                                </div>
                            </div>
                            <!--厂家服务-->
                            <div class="changJia">
                                <div class="lianBao">
                                    <span class="oImg"> <img src="/static/item/img/2017.jpg"
                                                             alt=""/> <h3>厂家服务</h3> </span>
                                    <div class="wenZi">
                                        本产品全国联保，享受三包服务，质保期为：一年保
                                        <br/> 如因质量问题或故障，凭厂商维修中心或特约维修点的质量检测证明，享受7日内退货，15日内换货，15日以上在保质期内享受免费保修等安保服务！
                                        <br/> (注：如厂家在商品介绍中有售后保障的说明，则此商品按照厂家说明执行售后保障服务。)您可以查询本品牌在各地售后服务中心的练习方式
                                        <a href="/">请点击这儿查询...</a>
                                        <br/>
                                        <br/>
                                    </div>
                                </div>
                                <div class="lianBao oCn">
                                    <span class="oImg"> <img src="/static/item/img/2017.jpg"
                                                             alt=""/> <h3>京东承诺</h3> </span>
                                    <div class="wenZi">
                                        本产品全国联保，享受三包服务，质保期为：一年保
                                        <br/> 如因质量问题或故障，凭厂商维修中心或特约维修点的质量检测证明，享受7日内退货，15日内换货，15日以上在保质期内享受免费保修等安保服务！
                                        <br/> (注：如厂家在商品介绍中有售后保障的说明，则此商品按照厂家说明执行售后保障服务。)您可以查询本品牌在各地售后服务中心的练习方式
                                        <a href="/">请点击这儿查询...</a>
                                        <br/>
                                        <br/>
                                        <br/>
                                    </div>
                                </div>
                                <div class="lianBao ">
                                    <span class="oImg"> <img src="/static/item/img/2017.jpg"
                                                             alt=""/> <h3>正品行货</h3> </span>
                                    <div class="wenZi hangHuo">
                                        京东商城向您保证所售商品均为正品行货，京东自营商品开具机打发票或电子发票。
                                    </div>
                                </div>
                                <div class="lianBao quanGuo">
                                    <span class="oImg"> <img src="/static/item/img/2017-1.jpg"
                                                             alt=""/> <h3>全国联保</h3> </span>
                                    <div class="wenZi">
                                        凭质保证书及京东商城发票，可享受全国联保服务（奢侈品、钟表除外；奢侈品、钟表由京东联系保修，享受法定三包售后服务），与您亲临商场选购的商品享受相同的质量保证。京东商城还为您提供具有竞争力的商品价格和运费政策，请您放心购买！
                                        <br/>
                                        注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！
                                    </div>
                                </div>
                                <!--权利声明-->
                                <div class="quanLi">
                                    <h4>权利声明:</h4>
                                    <div class="jingDong">
                                        京东上的所有商品信息、客户评价、商品咨询、网友讨论等内容，是京东重要的经营资源，未经许可，禁止非法转载使用。
                                        <br/>
                                        <span class="oZhu">注</span>：本站商品信息均来自于合作方，其真实性、准确性和合法性由信息拥有者（合作方）负责。本站不提供任何保证，并不承担任何法律责任。
                                    </div>
                                </div>
                                <div class="quanLi jiaGe">
                                    <h4>价格说明:</h4>
                                    <div class="jingDong">
                                        <span class="oZhu">京东价</span>：京东价为商品的销售价，是您最终决定是否购买商品的依据。
                                        <br/>
                                        <span class="oZhu">划线价</span>：商品展示的划横线价格为参考价，该价格可能是品牌专柜标价、商品吊牌价或由品牌供应商提供的正品零售价（如厂商指导价、建议零售价等）或该商品在京东平台上曾经展示过的销售价；由于地区、时间的差异性和市场行情波动，品牌专柜标价、商品吊牌价等可能会与您购物时展示的不一致，该价格仅供您参考。
                                        <br/>
                                        <span class="oZhu">折扣</span>：如无特殊说明，折扣指销售商在原价、或划线价（如品牌专柜标价、商品吊牌价、厂商指导价、厂商建议零售价）等某一价格基础上计算出的优惠比例或优惠金额；如有疑问，您可在购买前联系销售商进行咨询。
                                        <br/>
                                        <span class="oZhu">异常问题</span>：商品促销信息以商品详情页“促销”栏中的信息为准；商品的具体售价以订单结算页价格为准；如您发现活动商品售价或促销信息有异常，建议购买前先联系销售商咨询。
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <!--评价-->
                    <li class="PINgjia actives" id="li4">
                        <div class="h3">
                            <h3>商品评价</h3>
                        </div>
                        <div class="nav">
                            <div class="left">
                                <p class="haoping">好评度</p>
                                <p><span>100%</span></p>
                            </div>
                            <div class="right">
                                <ul>
                                    <li><a href="/">就是快（424）</a></li>
                                    <li><a href="/">物流很快（254） </a></li>
                                    <li><a href="/">货真价实（168）</a></li>
                                    <li><a href="/">有档次（158）</a></li>
                                    <li><a href="/">国产品牌（133）</a></li>
                                    <li><a href="/">外形美观（103）</a></li>
                                    <li><a href="/">很给力（75）</a></li>
                                    <li><a href="/">反应灵敏（68）</a></li>
                                    <li><a href="/">性价比高（60）</a></li>
                                    <li><a href="/">价格优惠（50）</a></li>
                                    <li><a href="/">功能齐全（49）</a></li>
                                    <li style="background: gainsboro;"><a href="/">速度太慢（5）</a></li>
                                </ul>
                            </div>
                        </div>
                        <!--全部评价-->
                        <div class="allpingjia">
                            <ul>
                                <li><a href="/">全部评价（4.2万）</a></li>
                                <li><a href="/">晒图（500）</a></li>
                                <li><a href="/">追拼（200+）</a></li>
                                <li><a href="/">好评（4.1万）</a></li>
                                <li><a href="/">中评（100+）</a></li>
                                <li><a href="/">差评（100+）</a></li>
                                <li><a href="/"><input type="checkbox"/>只看当前商品价格</a></li>
                                <li class="imga" style="float: right;"><a href="/">推荐排序 <img
                                        src="/static/item/img/animaite.png"/> </a></li>
                            </ul>
                        </div>
                    </li>
                    <!--说明-->
                    <li class="shuoming actives" id="li5"></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="Fixedbian">
    <ul>
        <li class="li1"><a class="aaa" href="##">顶部</a></li>
    </ul>
</div>
<div class="gouwuchexiaguo">
    <img src="/static/item/img/44.png"/>
    <span>购物车还没有商品，赶紧选购吧！</span>
</div>
<script src="/static/item/js/jquery1.9.js" type="text/javascript" charset="utf-8"></script>
<script src="/static/item/js/js.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">

    // 添加购物车
    $(".addToCart").click(function () {
        let skuId = $(this).attr("skuId");
        let num = $("#productNum").val();
        location.href = "http://cart.mall.com/api/cart/addCartItem?skuId=" + skuId + "&num=" + num;
        return false;
    });

    /*function switchSkuId() {
        // 被选中属性
        var checkDivs = $(".redborder div");
        var valueIds = "";
        // 拼接成属性值串
        for (var i = 0; i < checkDivs.length; i++) {
            var saleAttrValueDiv = checkDivs.eq(i);
            if (i > 0) {
                valueIds = valueIds + "|";
            }
            valueIds = valueIds + saleAttrValueDiv.attr("value");
        }
        //页面上的hashjson
        var valuesSku = $("#valuesSku").attr("value");
        var valuesSkuJson = JSON.parse(valuesSku);

        // 看看hash有没有
        var skuId = valuesSkuJson[valueIds];
        // 当前sku
        var skuIdSelf = $("#skuId").val();

        // 判断是否跳转
        if (skuId) {
            if (skuId == skuIdSelf) {
                $("#cartBtn").attr("class", "box-btns-two");
            } else {
                window.location.href = "/" + skuId + ".html";
            }
        } else {
            $("#cartBtn").attr("class", "box-btns-two-off");
        }
    }*/
    // 切换商品
    $(".sku_attr_value").click(function () {
        var skus = new Array();
        // 1.获取所有加了checked的属性
        // 1.1 点击的元素加上自定义属性
        $(this).addClass("clicked");
        var curr = $(this).attr("skus").split(",");
        // 当前被点击的所有sku组合的数组放进去
        skus.push(curr)
        // 去掉同一行所有的checked
        $(this).parent().parent().find(".sku_attr_value").removeClass("checked");

        $("a[class='sku_attr_value checked']").each(function () {
            skus.push($(this).attr("skus").split(","));
        });
        // 2.取出他们的交集 得到skuId 调用filter方法的一定是jQuery元素
        var filterEle = skus[0];
        for (var i = 1; i < skus.length; i++) {
            filterEle = $(filterEle).filter(skus[i]);
        }
        console.log(filterEle[0])
        // 3.跳转
        location.href = "http://mall.com/api/product/item/" + filterEle[0] + ".html";
    });
    // 属性的回显
    $(function () {
        $(".sku_attr_value").parent().css({"border": "solid 1px #CCC"});
        $("a[class='sku_attr_value checked']").parent().css({"border": "solid 1px red"});
    })

    // 秒杀
    $(".seckill").click(function () {
        var isLogin = [[${session.loginUser != null}]];     //true
        if (isLogin) {
            var killId = $(this).attr("sessionid") + "-" + $(this).attr("skuid");
            var code = $(this).attr("code");
            var num = $("#productNum").val();
            location.href = "http://seckill.mall.com/api/seckill/kill?killId=" + killId + "&key=" + code + "&num=" + num;
        } else {
            alert("请先登录再进行秒杀!");
        }
        return false;
    });
</script>
</body>
</html>